<template>
  <div>
    <a-card>
      <a-row style="margin-bottom: 10px">
        <a-col :span="24"  style="display: flex;flex-direction: row-reverse">
          <a-button v-print="'#printReport'" type="primary">打印报表</a-button>
        </a-col>
      </a-row>
      <div id="printReport">
        <table border="1" cellpadding="9" cellspacing="0" bordercolor="#000" style="width: 100%">
          <tr>
            <th colspan="11">
              <div style="position: relative;text-align: center">
<!--                <img src="@/assets/reportIcon.png" width="100px" height="30px" style="position: absolute;left: 0px;top:-5px"/>-->
                <span>生产产能报表</span>
              </div>
            </th>
          </tr>
          <tr style="width: 100%" align="center">
            <th>序号</th>
            <th>创建日期</th>
            <th>制令单号</th>
            <th>成品料号</th>
            <th>成品名称</th>
            <th>规格</th>
            <th>生产阶别</th>
            <th>计划数量</th>
            <th>投入数量</th>
            <th>入库数量</th>
            <th>状态</th>
          </tr>
          <tr v-for="(item,index) in reportData">
            <td>{{index+1}}</td>
            <td>{{item.createTime}}</td>
            <td>{{item.orderNo}}</td>
            <td>{{item.productCode}}</td>
            <td>{{item.productName}}</td>
            <td>{{item.specifications}}</td>
            <td>{{item.productionLevel}}</td>
            <td>{{item.plannedQuantity}}</td>
            <td>{{item.inputQuantity}}</td>
            <td>{{item.storageQuantity}}</td>
            <td>{{item.status}}</td>
          </tr>
<!--          <tr>-->
<!--            <th colspan="11">注解：<br>-->
<!--              <span>1.每两小时抽测一次</span><br>-->
<!--              <span>2.发现异常，立即确认是否批量不良，并按异常反馈流程执行。</span><br>-->
<!--            </th>-->
<!--          </tr>-->
<!--          <tr>-->
<!--            <th colspan="11">-->
<!--              <span>-->
<!--                文件编号:{{ number }}<br/>-->
<!--                保存期限:1年<br/>-->
<!--                版本:1.0<br/>-->
<!--                主管确认:-->
<!--              </span>-->
<!--            </th>-->
<!--          </tr>-->
        </table>
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  /** 生产产能报表 **/
  name: 'CapacityReport',
  props:{
    reportData:{
      type:Array,
      default:()=>{[]}
    },
    type:{
      type:String,
      default:''
    },
    lineType:{
      type:String,
      default:''
    },
  },
  data(){
    return {

    }
  }
}
</script>

<style scoped>

</style>